@charset "utf-8";
/* CSS Document */
body { background:#96CBED url(../images/bg_photo.jpg) center top  no-repeat;}
.header { height:70px;}
.photo_logo { height:65px; background:0; border:0; background: url(../images/photo_logo.jpg) 0 0 no-repeat; display:block; margin:0 auto; padding:0;}
/* left */
.photo_left {
	float:left;
	width: 219px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eaeaea;
}
.user_infos  {
	padding: 20px;
}
.user_infos .face{
	float: left;
	height: 100px;
	width: 100px;
	margin-right:10px;
}
.user_infos h2 {
	float:left;
	width:68px;
	height:30px;
	font-size: 14px;
	color: #0078b6;
	font-weight:bold;
	line-height: 24px;
	margin:0; padding:0;
	overflow:hidden;
}
.user_infos span {
	font-size: 12px;
	line-height: 24px;
	color: #565555;
	margin:0; padding:0;
}
.user_infos p {
	 float:left;
	 display:block;
	 margin-top:10px;
}
.photo_nav { padding:0 0 20px 20px;}
.photo_nav ul{ color:#434343; font-size:14px; line-height:30px;}
.photo_nav ul li {line-height: 40px; height: 40px; padding-left: 50px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #d0d0d0; background-repeat: no-repeat; background-position: 8px center; display: block; width:130px;background-position: 18px;
}
.photo_nav ul .nob {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.photo_nav ul .on { background-color: #FFF; border-top-width: 1px; border-left-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-left-style: solid; border-bottom-style: solid; border-right-style: none; border-top-color: #eaeaea; border-left-color: #eaeaea; border-bottom-color: #eaeaea; margin-top: -1px; padding-left: 50px; background-position: 18px; _position: fixed;width:149px; _margin-top:-5px;}
.photo_nav ul .on a {
	font-weight: bold;
	color: #0078b6;
}
.photo_nav ul li a {
	font-size: 14px;
	color: #0078b6;
	display: block;
	text-decoration: none;
}
.photo_nav_bottom {border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #d0d0d0;}
.photo_nav ul .icon_01 {background-image: url(../images/icon/photo_1.gif);}
.photo_nav ul .icon_02 {background-image: url(../images/icon/photo_2.gif);}
.photo_nav ul .icon_03 {background-image: url(../images/icon/photo_3.gif);}
.photo_nav ul .icon_04 {background-image: url(../images/icon/photo_4.gif);}
.photo_nav ul .icon_05 {background-image: url(../images/icon/photo_5.gif);}


/* right */
.photo_right {
	float:right; 
	background-color: #FFF;
	width: 700px;
	_width: 699px;
	padding: 0 20px 30px;
	overflow-x:hidden;
	min-height:600px;
	}

.photo_title { margin-top:20px; height:29px; line-height:29px; border-bottom:1px solid #eaeaea; position:relative;}
.photo_title ul{ position:absolute; top:0; left:0;}
.photo_title li { float:left; margin-right:10px;padding:0 10px; font-size:14px; border:1px solid #eaeaea;height:28px; display:block;background:#F7F7F7; line-height:28px;}
.photo_title li.on { border:1px solid #eaeaea;height:29px; border-bottom:0; font-size:14px; color:#434343;background:#fff;_position: fixed;}
.photo_title li.on a{font-size:14px; color:#434343;}
.photo_title span{ position:absolute; top:0; right:0;}
.photo_message{ margin-top:20px;}
.photo_title2 {border-bottom:1px dotted #eaeaea; margin-top:0;}
.photo_list { margin-top:20px; width:720px;}
.photo_list li{ float:left; display:block; width:158px; padding:0 0 10px;margin-right:20px;}
.photo_list li.li_low {height:160px;}
.photo_list li.li_high {height:224px;}
.photo_list li a img{width:150px; height:110px; border:1px solid #D6DDE3; padding:4px; margin-bottom:5px;}
.photo_list li a:hover img{width:150px; height:110px; border:1px solid #7CB8D7; padding:4px;}
.photo_list li h2{width:158px; height:24px; line-height:24px; display:block; cursor:pointer;}
.photo_list li span{width:158px; line-height:24px; display:block; font-size:12px; color:#777777}
.photo_list li span.edit a{ padding:0 0 0 12px; margin-right:20px; font-size:12px;}
.photo_list li span.edit a.p_edit{ background:url(../images/p_edit.gif) 0 3px no-repeat;}
.photo_list li span.edit a.p_del{ background:url(../images/p_del.gif) 0 4px no-repeat;}

/* 相册广场 */
.square_list {margin-top:20px; width:720px;}
.square_list li{float:left; display:block; position:relative;width:160px; height:120px;margin:0 20px 30px 0; overflow:hidden;}
.square_list li a img{width:150px; height:110px; border:1px solid #D6DDE3; padding:4px; margin-bottom:5px;}
.square_list li a:hover img{width:150px; height:110px; border:1px solid #7CB8D7; padding:4px;}
.album_type { position:absolute; width:48px; height:18px; line-height:18px; text-align:center; background:#000;filter:Alpha(opacity=80);opacity:0.8; z-index:10; left:5px; bottom:5px; display:block; color:#fff;}
.square_name { position:absolute; width:150px; height:42px; line-height:20px; text-align:center; background:#000;filter:Alpha(opacity=80);opacity:0.8; z-index:10; left:5px; bottom:5px; display:none; color:#fff;}

/* 上传图片 */
.upimg { background:#fff; padding-bottom:50px;}
.upimg_title { background:#F7F7F7; border-bottom:1px solid #e1e1e1; padding:8px 10px; height:24px; line-height:24px;}
.upimg_title select{ min-width:200px;}
.upimg_title span{ float:right;}
.upimg_bottom { padding:20px;}
.upimg_bottom .fileInput{width:65px; height:24px; background: url(../images/upimgs_s.gif) 0 0 no-repeat;overflow:hidden;position:relative; z-index:9;}
.upimg_bottom .upfile{position:absolute;top:-100px;z-index:-9;}
.upimg_bottom .upFileBtn{width:65px; height:24px;opacity:0;filter:alpha(opacity=0);cursor:pointer;}
.upimg_list { padding:0 0 0 20px;}
.upimg_list li{ float:left; width:160px; height:120px; display:block; margin:0 28px 30px 0;_margin:0  0}
.upimg_list li img{width:150px; height:110px; border:1px solid #D6DDE3; padding:4px;margin:0 28px 30px 0;}

/* 照片备注信息 */
.upimg_title2 { background:#fff; border-bottom:0; padding:10px 20px; height:24px; line-height:24px; font-size:16px; color:#434343;}
.upimg_title2 span{ float:right; font-size:12px;}
.photo_save { width:120px; height:24px; background:#006599; font-size:12px; color:#fff; border:0; float:right;}
.upimg_li { width:720px; padding:20px 20px;}
.prompt { background:#E6F0F4; border:1px solid #CADBE2; color:#006599; text-align:center; height:24px; line-height:24px; display:block;}
.upimg_thorough { margin:30px 0 0 0;}
.upimg_thorough dt{ width:168px; float:left;color:#777777; font-size:12px;}
.upimg_thorough dt img{ width:168px; height:112px; display:block;}
.upimg_thorough dd{ width:530px; float:right; line-height:24px; color:#777777; font-size:12px;}
.upimg_thorough dd textarea{ width:99%; height:64px; display:block; border:1px solid #cfcfcf; line-height:20px; color:#777777; font-size:12px;}
.upimg_thorough dd span{ float:right;}

/* 首页右侧 */
.photo_index { margin:30px 0 0; display:block; padding:0;height:210px; overflow:hidden;}
.photo_index_user { float:left; height:80px; width:80px; padding:0; margin:0}
.photo_index_user img{ height:80px; width:80px;}
.photo_index_list { float:right; padding:20px 20px 20px 30px;_padding:20px 10px 20px 30px; margin:0; background:url(../images/photo_index_bg.gif) 0 0 no-repeat; height:168px; width:560px;}
.photo_index_title { font-size:14px; color:#89837D; line-height:24px; height:24px;}
.photo_index_title a{ font-size:14px;color:#0077B5;}
.photo_index_ul { padding:15px 0; height:100px; display:block;}
.photo_index_ul li {float:left; width:130px; height:100px; display:block; padding:0; margin:0 10px 0 0;}
.photo_index_ul li a img{ border:1px solid #C9D3DB; padding:4px;width:120px; height:90px;}
.photo_index_ul li a:hover img{ border:1px solid #79A5B9; padding:4px;width:120px; height:90px;}
.photo_index_date  { height:24px; line-height:24px;}
.photo_index_date ,.photo_index_date a{ color:#006599; font-size:12px;}
.photo_index_date  span{ float:right;}
/* 弹出层 */
.overlay_div{position:fixed;width:100%;height:100%;left:0;top:0;background-color:#000;filter:Alpha(opacity=30);opacity:0.3;z-index:100;display:none;}
/* *html #overlay_div{position:absolute;width:100%;height:expression($(window).height());top:expression($(window).scrollTop());}*/
.float_layer{position:fixed;width:380px;height:240px;left:50%;top:50%;margin-left:-205px;margin-top:-150px;z-index:102;display:none; background:#fff; border:5px solid #555; padding:10px; overflow:hidden;}
*html .float_layer{position:absolute;top:expression($(window).scrollTop()+($(window).height())/2);}
.close_btn{position:absolute;display:inline-block;width:10px;height:10px;cursor:pointer;top:12px;right:12px;}
.float_title { font-size:14px; font-weight:bold; color:#434343; height:24px; line-height:24px; display:block;}
.float_table { margin-top:20px; width:100%;}
.float_table th{ font-size:12px; color:#89837D; width:70px; font-weight:normal;padding:0 0 10px 0;}
.float_table td{ font-size:12px; color:#000000;padding:0 0 10px 0;}
.float_textarea { width:230px; height:80px; padding:5px; font-size:12px; color:#D2D2D2; border:1px solid #C2C5C7; line-height:22px;}
.float_text {width:240px;border:1px solid #C2C5C7; height:22px; line-height:22px;}
.float_button_s,.float_button {border:#006599 1px solid; background:#006599; height:24px; color:#fff; font-weight:bold; padding:3px 8px;}
.float_button {border:#DBDBDB 1px solid; background:#fff; color:#89837D; margin-left:10px;}

/* 上传进度 */
.upimg_speed { color:#A5A5A5; font-size:12px; line-height:20px;}
.upimg_speed span.speed_box{ width:200px; height:18px; border:1px solid #BBBCB9; background:#F7F9ED; display:block; float:left;}
.upimg_speed span.speed{height:18px; background:#006599; display:block;}
.upimg_speed span.speed_text {width:150px;float:right; text-align:right;}
.float_layer2{position:fixed;width:360px;height:20px;left:50%;top:50%;margin-left:-205px;margin-top:-40px;z-index:102;display:none; background:#fff; border:5px solid #555; padding:30px 20px; overflow:hidden;}
*html .float_layer2{position:absolute;top:expression($(window).scrollTop()+($(window).height())/2);}
/* 上传错误 */
.float_layer3{position:fixed;width:380px;height:120px;left:50%;top:50%;margin-left:-205px;margin-top:-60px;z-index:102;display:none; background:#fff; border:5px solid #555; padding:10px; overflow:hidden;}
*html .float_layer3{position:absolute;top:expression($(window).scrollTop()+($(window).height())/2);}



/* 相册 */
.album_title {padding-top:20px; height:90px;display:block; overflow:hidden;}
.album_title_left { float:left; width:440px; font-size:12px; color:#777777; line-height:20px;}
.album_title_left a{font-size:12px;}
.album_title_num { margin-top:10px; font-size:12px;}
.album_title_system {font-size:12px; margin-top:10px; }
.album_title_system li{ float:left; }
.album_title_system a{ float:left;height:16px; margin-top:4px; padding:0 0 0 26px; line-height:14px;border:1px solid #fff;border-right:1px solid #787878;}
.album_title_system a.edit{ width:44px;  background:url(../images/photo/album_edit.gif) 2px 0 no-repeat; display:block;padding:0 0 0 20px;}
.album_title_system a.del{ width:36px;background:url(../images/photo/album_del.gif) 8px 0 no-repeat; display:block;}
.album_title_system a.move{ width:44px; background:url(../images/photo/album_move.gif) 8px 0 no-repeat; display:block;}
.album_title_system a.left{ width:36px; background:url(../images/photo/album_left.gif) 8px 0 no-repeat; display:block;}
.album_title_system a.right{ width:36px;  background:url(../images/photo/album_right.gif) 8px 0 no-repeat; display:block;}

.album_title_system li.hover a.edit { width:44px; height:20px;background:url(../images/photo/album_edit.gif) 2px 0 no-repeat; display:block;padding:0 0 0 20px;border-left:1px solid #787878; border-top:1px solid #787878;}
.linone{ z-index: 99; visibility: visible; display: block; width: 64px; font-size: 12px; line-height: 24px; background-color: #fff; border: #787878 1px solid; border-top: 0;display: none; padding: 0; position: absolute; _margin-left:-66px; margin-top:20px;}
.linone li{height: 24px;line-height: 24px;}
.linone li a{ padding:0 ; text-align:center;height: 24px;line-height: 24px; display: block; border:0; margin:0; width:64px;}
.linone li a:hover{background-color: #ccc;color: #fff;}
.linone li.nob{border: none;}



.album_title_right { float:right; width:180px;}
.album_thumb {height:50px; display:block;}
.album_thumb img { width:50px; height:50px;}
.album_thumb a { border:2px solid #fff;width:50px; height:50px; display:block; float:left; margin:0 2px;}
.album_thumb a:hover { border:2px solid #A5DDFF;}
.album_thumb_text { font-size:12px; color:#777777; word-spacing:24px;display:block; margin-top:10px; text-align:center;}
.album_thumb_text a{ font-size:12px; color:#0077B5;}
.album_bigimg {border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea; display:block;}
.album_bigimg span.album_photo {display:block; padding:20px;}
.album_bigimg span.album_photo img{
max-width:660px;
width:660px;
width:expression(document.body.clientWidth>660?"660px":"auto");
}
.album_bigimg span.album_date,.album_bigimg span.album_present { display:block; color:#777777; font-size:12px; line-height:30px;}
.album_post { padding-top:20px;}
.blbum_textarea { width:460px; display:block;}
.blbum_textarea .blbum_text { width:99%; height:68px; display:block; padding:4px 0; line-height:18px; font-size:12px; border:1px solid #e3e3e3; margin-bottom:10px;}
.blbum_textarea .blbum_submit { width:60px; height:20px; display:block; text-align:center;line-height:20px; font-size:12px; border:0; background:#006599; color:#fff; float:right;}
.album_postlist { padding-top:20px;}
.album_postlist dl {border-top:1px dotted #e3e3e3; padding:15px 0; display:block; _height: 40px;}
.album_postlist dt { float:left; width:40px; height:40px; display:block;}
.album_postlist dt img{width:40px; height:40px;}
.album_postlist dd{ color:#777777; font-size:12px; line-height:20px; float:right; width:650px}
.album_postlist dd span {display:block; margin:0; padding:0;}
.album_postlist dd span a { float:right; margin-left:10px;}